html{
    font-size:12px;
}
body,div,ul,li,h3,h4,h5,form,input,button,textarea,p {margin: 0;padding: 0;font-family: "Microsoft YaHei";font-size: 12px;border:none;}
ul,li{list-style: none;}
.error-box-input{
    border:1px solid #ff0000!important;
}
.adminImg-content{
    border:1px solid #797979;
    width:1788px;
    height:1000px;
    margin:20px auto;
    padding:0 20px;
    .adminImg-tabbar{
        width:100%;
        margin-top:20px;
        border-bottom: 1px solid #D7D7D7;
        .activeTabbar{
            color:#0C6951!important;
            border-top: 1px solid #0C6951;
            border-left: 1px solid #D7D7D7;
            border-right: 1px solid #D7D7D7;
            border-bottom: 1px solid #fff;
            margin-bottom: -1px;
        }
        span{
            display:inline-block;
            line-height:30px;
            height:30px;
            text-align:center;
            width:70px;
            color:#868686;
            font-size:12px;
            cursor:pointer;
        }
    }
    .adminImg-imgPart{
        margin-top:20px;
        display:flex;
        justify-content:flex-start;
        flex-wrap:wrap;
        .imgPart-list{
            width:200px;
            height:230px;
            box-shadow:0px 0px 5px 0 rgba(0,0,0,.2);
            position:relative;
            //display:inline-block;
            box-sizing:border-box;
            margin-right: 25px;
            margin-bottom:20px;
            border:1px solid #fff;
            &:nth-of-type(8n){
                margin-right:0px;
            }
            .imgPart-list-imgBox{
                width:100%;
                height:200px;
                position:relative;
                box-sizing:border-box;
                z-index:19;
                img{
                    width:100%;
                    height:100%;
                    object-fit:cover;
                }
                .imgPart-btn{
                    position:absolute;
                    left:0;
                    bottom:0;
                    transform:translate(0,28px);
                    transition:.5s linear;
                    z-index:1;
                    width:200px;
                    height:30px;
                    background:rgba(0,0,0,.7);
                    //display:none;
                    padding-left:10px;
                    //padding-top: 5px;
                    box-sizing:border-box;
                    line-height:30px;
                    span{
                        display:inline-block;
                        text-align:center;
                        width:23px;
                        padding:0 10px;
                        cursor:pointer;
                        &:hover{
                            background:rgba(255,255,255,.3)
                        }
                        img{
                            width:22px;
                            height:20px;
                            
                            vertical-align:middle;
                        }
                    }
                   
                }
                &:hover{
                    .imgPart-btn{
                        //display:block!important;
                        transform:translate(0,0px);
                        transition:.5s linear;
                    }
                }
            }
            .imgPart-list-bottom{
                position:absolute;
                left:0;
                bottom:0;
                background: #fff;
                width:200px;
                height:30px;
                z-index:20;
            }
            .imgPart-list-imgName{
               
                line-height:28px;
                width:200px;
                height:30px;
                padding:0 10px;
                box-sizing:border-box;
                color:#434343;
                z-index:20;
                background: #fff;
                span{
                    display:inline-block;
                    width:80%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .weixinImg{
                    float:right;
                    width:21px;
                    height:21px;
                    margin:5px;
                }
            }
            .imgPart-list-imgNameInput{
                position:relative;
                box-sizing:border-box;
                line-height:28px;
                height:30px;
               
                input{
                    // position:absolute;
                    // left:0;
                    // bottom:0;
                    line-height:28px;
                    height:28px;
                    padding-left:10px;
                    color:#434343;
                    width:100%;
                    box-sizing:border-box;
                    outline:none;
                    border:1px solid #0C6951;
                    
                }
                .error-box{
                    position:absolute;
                    right:10px;
                    top:10px;
                    z-index:10;
                    .error-box-des{
                        position:relative;
                        img{
                            width:13px;
                            height:13px;  
                          }
                          .error-box-des-one{
                              position:absolute;
                              //top:10px;
                              width:111px;
                              left:-16px;
                            //   height:36px;
                              padding:5px;
                              background:#FFD1C2;
                              border:1px solid #DB0000;
                              border-radius:3px;
                              color:#333;
                              font-style:normal;
                              .arrow{
                                  position:absolute;
                                  top:-13px;
                                  left:10px;
                                  width:0;
                                  height:0;
                                  &.arrow_out{
                                     display:inline-block;
                                     border-bottom:12px solid red;
                                     border-left:12px solid  transparent;
                                     border-right:12px solid transparent;
                                  }
                                  &.arrow_in{
                                    top: -12px;
                                    display:inline-block;
                                    border-bottom:12px solid #FFD1C2;
                                    border-left:12px solid  transparent;
                                    border-right:12px solid transparent;
                                  }
                              }
                          }
                          .error-box-des-two{
                              position:absolute;
                              right:-36px;
                              width:228px;
                              padding:5px;
                              background:#FFD1C2;
                              border:1px solid #DB0000;
                              border-radius:3px;
                              color:#333;
                              font-style:normal;
                              .arrow{
                                position:absolute;
                                top:-13px;
                                right:30px;
                                width:0;
                                height:0;
                                &.arrow_out{
                                   display:inline-block;
                                   border-bottom:12px solid red;
                                   border-left:12px solid  transparent;
                                   border-right:12px solid transparent;
                                }
                                &.arrow_in{
                                  top: -12px;
                                  display:inline-block;
                                  border-bottom:12px solid #FFD1C2;
                                  border-left:12px solid  transparent;
                                  border-right:12px solid transparent;
                                }
                            }
                          }
                    }
                    

                }
                
                
            }

        }
    }
    .adminImg-operation{
        width:100%;
        height:60px;
       
        section{
            float:right;
            width:120px;
            height:26px;
            line-height:26px;
            background:#0C6951;
            border-radius:5px;
            margin:20px;
            position:relative;
            cursor:pointer;
            //border:1px solid #5BC0DE;
            .operation-imgBox{
                height:26px;
                width:6px;
                padding-top: 6px;
                float:right;
                margin-right:10px;
                img{
                    display:block;
                    width:6px;
                    margin-top:2px;
                    height:4px;
                }
            }
            ul{
                width:120px;
                background:#fff;
                position:absolute;
                top:28px;
                left:0px;
                z-index:30;
                border:1px solid #E4E4E4;
                border-radius:2px;
                font-style:normal;
                li{
                    line-height:23px;
                    font-style:normal;
                    width:120px;
                    padding-left:5px;
                    cursor:pointer;
                    &:hover{
                        background:rgba(12,105,81,.1);
                        
                    }
                }
            }
        }
    }
}

.adminImg-imgDialog{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.6);
    z-index:100;
    .imgDialog-content{
        background:#fff;
        width:950px;
        height:726px!important;
        position:absolute;
        top:50%;
        height:50%;
        transform:translate(50%,-50%);
        padding:10px;
        box-sizing:border-box;
        .leftArrow{
            width:44px;
            height:76px;
            position:absolute;
            top:40%;
            left:-80px;
            cursor:pointer;
        }
        .rightArrow{
            width:44px;
            height:76px;
            position:absolute;
            top:40%;
            right:-80px;
            cursor:pointer;
        }
        .closeIcon{
            position:absolute;
            top:-26px;
            right:-26px;
            cursor:pointer;
        }
        .imgPart{
            width:930px;
            height:590px;
            background:#000;
            text-align:center;
            img{
                height:590px;
                width:auto;
            }
        }
        .imgDes{
            width:930px;
            height:110px;
            margin-top:10px;
            background:#363636;
            color:#fff;
            font-size:12px;
            padding:10px;
            box-sizing:border-box;
            div{
                line-height:24px;
                span{
                    display:inline-block;
                    width:60px;
                }
            }
            
        }
    }
   

}


.chooseImgAct{
    border:1px solid #0C6951!important;
    .imgPart-list-imgName{
        background:#0C6951!important;
        color:#fff!important;
    }
    
}

.noActiveOperation{
    background:#D7D7D7!important;
    pointer-events: none;
}
.addSourceDialog{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.6);
    z-index:100;
    .sourceDialog-content{
        //box-sizing:border-box;
        width:520px;
        height:420px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        background:#fff;
        border-radius:5px;
        //border:1px solid #F2F2F2;
        .sourceDialog-title{
            width:100%;
            height:40px;
            line-height:40px;
            background:#0C6951;
            color:#fff;
            padding-left:10px;
            box-sizing:border-box;
            border:1px solid #0C6951;
            img{
                background:#fff;
                border-radius:50%;
                width:20px;
                height:20px;
                float:right;
                margin:10px;
                cursor:pointer;
            }
        }
        .sourceDialog-scrollPart{
            width:480px;
            height:290px;
            margin:20px auto;
            overflow-y:auto;
            border:1px solid #C9C9C9;
            .scrollPart-list{
                width:100%;
                border-bottom: 1px solid #C9C9C9;
                line-height:40px;
                label{
                    display:block;
                    width:100%;
                    height:40px;
                }
                span{
                    display:inline-block;
                    line-height:40px;
                }
            }
        }
        .sourceDialog-bottom{
            width:100%;
            text-align:center;
            span{
                display:inline-block;
                width:80px;
                height:30px;
                line-height:30px;
                border:1px solid #0C6951;
                border-radius:5px;
                text-align:center;
                background:#fff;
                cursor:pointer;
            }
        }
    }
}
.seleted{
    position:absolute;
    width:32px;
    height:32px;
    top:0;
    right:0;
    box-sizing:border-box;
    section{
        width:0;
        height:0;
        border-left: 18px solid #0C6951;
        border-top:16px solid transparent;
        border-bottom:16px solid transparent;
        transform:rotate(314deg);
        margin-left:16px;
        margin-top: -8px;;
    }
    img{
        position:absolute;
        right:0;
        top:4px;
        width:14px!important;
        height:11px!important;
    }
    
}
.zumaA{
    position:absolute;
    left:0;
    top:0;
    .zumaA1{
        width:68px!important;
        height:22px!important;
        //transform:rotate(-46deg);
        transform:translate(-17px,8px) rotate(-46deg);
    }
    .zumaA2{
        width:14px!important;
        height:12px!important;
        position:absolute;
        left:8px;
        top:13px;
        transform:rotate(-50deg);
    }

}